<template>
  <div>
      <MyHeader />
      <div class="titleBg">
          变更前的名称信息
      </div>
      <table class="tbstyle" width="100%">
          <tr>
              <td class="tbstyle_left">企业名称</td>
              <td>北京恒润顺达科技有限公司</td>
          </tr> 
          <tr>
              <td class="tbstyle_left">名称预先核准文号</td>
              <td>(京海)名称预核(内)字 [2016] 第0247491 号</td>
          </tr>  
      </table>  
      <div class="titleBg">
          变更后的名称信息
      </div>
      <table class="tbstyle" width="100%">
          <tr>
              <td class="tbstyle_left">企业名称</td>
              <td>北京恒润顺达科技开发有限公司</td>
          </tr> 
          <tr>
              <td class="tbstyle_left">名称预先核准文号</td>
              <td>(京海)名称预核(内)字 [2016] 第0247491 号</td>
          </tr> 
          <tr>
              <td class="tbstyle_left">有效期</td>
              <td>2019年4月7日</td>
          </tr>  
      </table>
      
      <div class="changeComName"> 
          <Button @click="next()" class="mainBtn" size="large" long type="primary">下一步</Button>
          <div>
            <MyFooter/>
          </div>
      </div>
  </div>
</template>

<script>
import MyHeader from '../../components/MyHeader2.vue'
import MyFooter from "../../components/MyFooter.vue";
import request from "../../utils/request.js";
export default {
  data() {
    return {
      
    };
  },
  mounted() {
   
  },
  methods: {
    next(){
      this.$router.push({name: 'changeComAddress'})
    }
  },
  components: {
    MyHeader,MyFooter
  }
};
</script>
<style>
.changeComName {
 padding:0.5rem;
}
.titleBg {font-size:0.57rem;padding:0.5rem;}
.mainBtn {
  height:1.75rem;font-size:0.64rem;
  margin-top:0.6rem;
}
.tbstyle {font-size:0.5rem;border-collapse: collapse;}
.tbstyle td {border:1px solid #BFE5F5;font-size:0.5rem;padding: 0.3rem;}
.tbstyle .tbstyle_left {background:#F5FAFD;color:#2D8CF0;white-space: nowrap}
</style>

